<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript 类继承-getter 和 setter -3</title>
</head>

<body>
    <!-- 要使用 setter，请使用与设置属性值时相同的语法，虽然 set 是一个方法，但需要不带括号 -->

    <h2>JavaScript Class Setter</h2>

    <p>要使用 setter，请使用与设置属性值时相同的语法，虽然 set 是一个方法，但需要不带括号。</p>

    <p id="demo"></p>

    <script>
        class Runoob {
            constructor(name) {
                this._sitename = name;
            }
            set sitename(x) {
                this._sitename = x;
            }
            get sitename() {
                return this._sitename;
            }
        }

        let noob = new Runoob("菜鸟教程");
        noob.sitename = "RUNOOB";
        document.getElementById("demo").innerHTML = noob.sitename;
    </script>
</body>

</html>